<!DOCTYPE html>
<!--**
 *Created by wf_H on 2018/10/7.
 *by:web_hwf@sina.com
 *-->
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>创建补贴</title>

    <!--使用IE兼容模式渲染-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta name="renderer" content="webkit">

    <link rel="stylesheet" href="../style/dist/zui@1.8.1/css/zui.min.css">
    <link rel="stylesheet" href="../style/dist/zui@1.8.1/css/zui-theme.css">
    <link rel="stylesheet" href="../style/dist/hover.css">

    <link rel="stylesheet" href="../style/h-base.css">
    <link rel="stylesheet" href="../style/h-index.css">

    <style>

    </style>
</head>
<body class="childrenBody">

<div class="row">
    <div class="col-sm-12">
        <div class="cjbt_bz">
            <div class="bz_item active">
                <span>1</span>
                <p>基本信息</p>
            </div>
            <div class="bz_item active">
                <span>2</span>
                <p>设置流程</p>
            </div>
            <div class="bz_item active">
                <span>3</span>
                <p>金额/时间设定</p>
            </div>
            <div class="bz_item active">
                <span>4</span>
                <p>确认项目</p>
            </div>
        </div>
    </div>
</div>


<div class="row">
    <div class="col-sm-12">
        <div class="cjbt_sz">
            <div class="title_text">
                基本配置
                <a href="javascript:;">修改</a>
            </div>
            <div class="nav_item">
                <div class="item_input">
                    <div class="item_left">
                        <span>*</span>xxxxx：
                    </div>
                    <span class="text_alt">sssssssss</span>
                </div>
                <div class="item_input">
                    <div class="item_input">
                        <div class="item_left">
                            <span>*</span>xxxxx：
                        </div>
                        <span class="text_alt">sssssssss</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-sm-12">
        <div class="cjbt_sz">
            <div class="title_text">
                流程配置
                <a href="javascript:;">修改</a>
            </div>
            <div class="nav_item">
                <div class="item_input">
                    <div class="item_left">
                        <span>*</span>xxxxx：
                    </div>
                    <span  class="text_alt">sssssssss</span>
                </div>
                <div class="item_input">
                    <div class="item_input">
                        <div class="item_left">
                            <span>*</span>xxxxx：
                        </div>
                        <span  class="text_alt">sssssssss</span>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

    <div class="row">
        <div class="col-sm-12">
            <div class="cjbt_sz">
                <div class="title_text">
                    金钱时间配置
                    <a href="javascript:;">修改</a>
                </div>
                <div class="nav_item">
                    <div class="item_input">
                        <div class="item_left">
                            <span>*</span>xxxxx：
                        </div>
                        <span  class="text_alt">sssssssss</span>
                    </div>
                    <div class="item_input">
                        <div class="item_input">
                            <div class="item_left">
                                <span>*</span>xxxxx：
                            </div>
                            <span  class="text_alt">sssssssss</span>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="cjbt_sz">
                <div class="title_text">
                    服务协议
                </div>
                <div class="nav_item">
                    <div class="item_input">
                        <span  class="text_alt">
                            协议协议协议协议协议协议协议协议协议协议协议协议协议协议协议
                            协议协议协议协议协议协议协议协议协议协议协议协议协议协议
                            协议协议协议协议协议协议协议协议协议协议协议协议协议协议协议
                            协议协议协议协议协议协议协议协议协议协议协议协议协议协议
                            协议协议协议协议协议协议协议协议协议协议协议协议协议协议协议
                            协议协议协议协议协议协议协议协议协议协议协议协议协议协议
                        </span>
                    </div>


                </div>
            </div>
        </div>
    </div>

<div style="text-align: center;margin-top: 50px">
    <button class="btn btn-lg">上一步：金额/时间设定</button>
    <button class="btn btn-primary btn-lg">确认项目</button>
</div>





<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="../style/dist/zui@1.8.1/js/zui.min.js"></script>

<script>
    $('[data-toggle="tooltip"]').tooltip();

    $(function () {

        $('#btn_input_add').click(function () {
            $(this).before('<div class="input_bg">\n' +
                '                    <button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>\n' +
                '                    <div class="item_input">\n' +
                '                        <div class="item_left">\n' +
                '                            <span>*</span>经费支出 <i class="id_number">1</i>：\n' +
                '                        </div>\n' +
                '                        <input type="text" placeholder="学历教育补贴">\n' +
                '                    </div>\n' +
                '                    <div class="item_input">\n' +
                '                        <div class="item_left">\n' +
                '                            <span>*</span>人均补贴：\n' +
                '                        </div>\n' +
                '                        <div class="input_span">\n' +
                '                            <span>￥</span>\n' +
                '                            <input class="input_150" type="text" placeholder="金额">\n' +
                '                            <em>万</em>\n' +
                '                        </div>\n' +
                '                    </div>\n' +
                '                    <div class="item_input" style="margin-bottom:0">\n' +
                '                        <div class="item_left">\n' +
                '                            <span>*</span>预计补贴：\n' +
                '                        </div>\n' +
                '                        <div class="input_span">\n' +
                '                            <input class="input_150" type="text" >\n' +
                '                            <em>人</em>\n' +
                '                        </div>\n' +
                '                    </div>\n' +
                '                </div>') ;


            for(var i = 0 ; i < $('.id_number').length ; i++ ){
                $('.id_number').eq(i).text(i+1)
            }
        })
        $('.cjbt_sz').on('click','.close',function () {
            $(this).parent().remove() ;
            for(var i = 0 ; i < $('.id_number').length ; i++ ){
                $('.id_number').eq(i).text(i+1)
            }
        })


    })

</script>
</body>
</html>